@ layout("/layout.html"){
<div class="container border">
    <div class="grid">
        <div class="row">
            <div class="span4 bg-dark padding15">
                <div class="icon" style="height: 60px;width: 60px;float:left;margin-left:8px;margin-top:5px"><img src="${base}/img/block2.png"></div>
                <div style="width:160px;height:50px;margin-left:90px;margin-top:10px;text-align:center"><h2 class="fg-white" style="padding-top:8px;">Module</h2></div>
            </div>
        </div>
    </div>


    <div class="tile-group eight double-vertical margin20">

        @ for(module in moduleList!){
        <div class="tile quadro bg-dark padding20" onclick="location='${base}/topic/module/${module.id}'">
            <div class="tile-content">
                <div class="icon margin20" style="height: 70px;width: 70px;float:left"><img src="${base}/img/block1.png"> </div>
                <div class="fg-white" style="float:right;width: 220px;height: 100px;margin-top:10px; margin-right:30px;"><h2 class="fg-white" style="margin-top: 30px;text-align: center">${module.name}</h2></div>
            </div>
        </div>
         @ }
    </div>

</div>
@}

